import { Row as AntdRow, RowProps } from 'antd';

/**
 * 导出栅格行组件
 * @param {RowProps} props - 栅格行组件的属性
 * @returns {JSX.Element} 栅格行组件的 JSX 元素
 * @description 栅格行组件是 Ant Design 提供的栅格系统中的行组件，用于构建响应式布局的容器。
 * @example
 * <Row>
 *   <Col span={12}>左侧内容</Col>
 *   <Col span={12}>右侧内容</Col>
 * </Row>
 * @example
 * <Row gutter={16}>
 *   <Col span={8}>列1</Col>
 *   <Col span={8}>列2</Col>
 *   <Col span={8}>列3</Col>
 * </Row>
 * @example
 * <Row justify="center" align="middle">
 *   <Col span={6}>居中对齐内容</Col>
 * </Row>
 */
export const Row = (props: RowProps) => {
  return <AntdRow {...props} />;
};

// 默认导出
export default Row;

// 重新导出类型
export type { RowProps };
